終於,歷經整整 30 天的努力,我完成了屬於自己的模擬器專案——To_Do_List App 清單。在這段時間裡,我從最初對 Flutter 開發的不熟悉,到逐...
任務清單換行顯示資訊• 將標籤、到期日期、新增日期分行顯示• 每行前方對齊,使清單更整齊、易讀 新增刪除確認彈窗• 刪除任務時,彈出「確定刪除這個任務嗎...
刪除「優先權」功能• 刪掉排序選單中的「優先權」,程式裡也不再存 priority 調整排序欄位名稱• 原本的「新增時間」和「到期時間」只顯示日期,不再...
複製清單功能• 每個任務卡片上新增複製按鈕• 使用者點擊後,會自動複製該任務,並保留標題、標籤、日期、時間 保持原有畫面與顏色• 任務標籤顯示原本的顏色...
新增排序下拉選單• 在列表上方加入 DropdownButton,提供「新增時間」「到期時間」「優先權」三種排序方式• 使用者選擇不同排序方式後,列表即時更...
任務卡標籤字顏色調整• 工作:藍色• 學習:綠色• 健康:橘色• 個人:灰色 垃圾桶按鈕顏色• 保持紅色,方便辨識 複製任務功能• 在每個任務卡上增...
新增任務按鈕• 畫面底部顯示新增按鈕• 點擊按鈕彈出對話框或頁面,輸入任務標題 設定日期與時間• 可以選擇任務的截止日期與時間• 日期時間選擇器直接在新...
新增搜尋欄位• 使用者可以在搜尋框輸入關鍵字來快速找到特定任務• 搜尋時即時過濾列表中的待辦項目 篩選已完成與未完成任務• 提供「全部/未完成/已完成」...
優化任務優先權顯示• 調整「高中低」不同優先權顏色的顯示方式• 保持清單整齊,任務依優先權顏色分組 Color getPriorityColor(Strin...
三十天的鐵人賽,像一場技術馬拉松,終於來到了終點線前。最初的目標很明確:結合我對 iOS 開發的熱情與工作上學習到的 DevOps 實踐,從零到一打造一款名為「...
在每個任務中新增時間/日期欄位• 每個待辦事項可以設定完成時間或到期日期• 保留分類標籤(工作、學習、個人、健康)• 在 UI 中顯示時間/日期欄位,方便使...
新增搜尋欄位• 使用者可以在搜尋框輸入關鍵字來快速找到特定任務• 搜尋時即時過濾列表中的待辦項目 篩選已完成與未完成任務• 提供「全部/未完成/已完成」...
設定任務優先權• 每個待辦事項可以設定優先級(高、中、低)• 在清單上以顏色或圖示標示不同優先級,方便快速辨識 // todo_item.dart clas...
手動拖放調整任務順序• 使用者可以長按任務卡片,拖動到想要的位置• 任務清單會即時更新顯示,保持使用者排序的順序 自動保持未完成任務在上方• 完成任務自...
新增標籤篩選功能• 在任務列表上方增加一列標籤按鈕(工作、學習、個人、健康)• 點擊標籤按鈕時,只顯示該標籤的任務,其他標籤任務隱藏 標籤互動顯示• 任...
新增任務標籤功能• 每個待辦任務可以指定一個標籤,例如「工作」「個人」「學習」• 使用者在新增任務時可以選擇標籤 標籤顏色顯示• 每個標籤對應不同顏色,...
新增任務時自動清空輸入框• 讓使用者在新增任務後,輸入框自動清空,提升輸入效率 刪除任務前加上確認提示• 點擊垃圾桶刪除任務前,跳出確認對話框,避免誤刪...
新增任務保持在最上方• 新增待辦事項時,未完成的任務應該插入列表的最前面• 保持列表整齊,最新的未完成任務顯示在上方 完成項目自動移到最下方• 當使用者...
新增「依完成狀態排序」功能• 將完成的任務自動移到列表下方,未完成的任務保持在上方• 提升使用者瀏覽待辦項目的效率• 互動上:完成狀態切換後,自動重新排序列表...
改善完成任務切換動畫• 點擊任務前的打勾框,完成/未完成的狀態切換加入動畫效果• 文字顏色、打勾框顏色平滑過渡,提升使用者體驗 優化列表滾動與選取反饋•...
新增任務優先級屬性• 每個待辦項目新增 priority 屬性(高、中、低)• 初始靜態資料可以設定不同優先級,例如:高、中、低 // 第十一天新增:在 _...
改善待辦清單的視覺呈現• 將原本單純的 ListTile 改為使用 Card 包裝,讓每個待辦項目有明顯的立體感與間距• 為完成的項目增加淡灰色背景與刪除線效...
接續昨天的進度,現在地圖上的圖標已經能按照資料集的經緯度精確標出位置,並在圖標上方顯示道路名稱與里程數。然而,僅有這些資訊是不夠的,我們需要提供一個更豐富的互動...
前言 今天要做另一個重要功能,我們要讓使用者能根據選擇的公路類型(國道/省道)和輸入的里程數,從預載的 CSV 資料中進行搜尋,並在地圖上精準標示出對應的地理位...
前言 第一個進行的 issue 是「里程定位與地圖顯示」,先用 VS code 來看一下這兩份 CSV(省道與國道)長什麼樣子: 我們現在的目標是,讀取 CS...
前言 在我們開始繪製使用者介面之前,我們將先聚焦在使用者流程 (User Flow)。 這就好比建築師在蓋房子前,不會先煩惱沙發要買什麼顏色,而是會先畫出整棟建...
優化新增任務輸入欄位• 提示文字:「輸入新任務」• 可以按加號新增任務,也可以按 Enter 鍵新增 TextField( controller: _te...
新增互動功能在 To-Do List App 中,我們要讓使用者可以新增 to_do 項目。•在 MyHomePageState 中新增一個 TextEdit...
建立可互動的待辦清單•修改位子 : 在 MyHomePage 的 _MyHomePageState 裡面,原本的靜態 ListView 改成動態 List...
今天的目標就是讓清單可以「互動」,讓使用者能夠勾選任務是否完成,讓應用程式更接近真實的使用情境 建立 TodoItem 資料模型• 我們會先新增一個 Tod...